<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=11,IE=10,IE=9,IE=8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"
    />
    <title>优点达资讯-分享那些新鲜事</title>
    <link
      rel="stylesheet"
      href="static/css/style.css"
      type="text/css"
      media="all"
    />
    <link
      rel="stylesheet"
      href="./static/lib/layui-v2.7.4/layui/css/layui.css"
    />
    <link rel="stylesheet" href="./static/fonts/css/font-awesome.min.css" />
    <script type="text/javascript" src="static/js/jquery.js"></script>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <!--[if lt IE 9]><script src="static/js/html5.js"></script><![endif]-->
  </head>
  <body class="user blog search_not m-home-most ui-navtop">
    <!-- 头部开始 -->
    <div class="shw">
      <header class="header">
        <div class="container">
          <h1 class="logo">
            <a href="index.html" title="优点达资讯-分享那些新鲜事">
              <img src="static/images/logo.png" alt="优点达资讯" />
              优点达资讯
            </a>
          </h1>
          <ul
            class="nav"
            style="display: flex; justify-content: space-between; width: 67% ;"
          >
            <li class="navmore"></li>
            <li
              class="menu-item menu-item-type-taxonomy menu-item-object-category current-menu-item current_page_item"
            >
              <a title="" href="index.html">
                <span class="fa fa-home"></span>
                趣·首页
              </a>
            </li>
            <li
              class="menu-item menu-item-type-taxonomy menu-item-object-category"
              v-for="obj in allCate.slice(0,10)"
              :key="obj.id"
            >
              <a
                style="padding: 12px 0"
                :href="'list.html?catename='+obj.catename+'&cateid='+obj.id"
              >
                <span class="fa" :class="obj.icon"></span>
                {{obj.catename}}
              </a>
            </li>
          </ul>
          <div class="slinks">
            <a href="login.html" v-show="token===null">
              <i class="fa fa-hand-o-right"></i>
              &nbsp;登录
            </a>
            |
            <a href="reg.html" v-show="token===null">
              <i class="fa fa-registered"></i>
              &nbsp;注册
            </a>
            <a href="user.html" v-show="token!=null">
              <i class="fa fa-user"></i>
              &nbsp;欢迎，{{user?user.userInfo.username:''}}
            </a>
            <a class="fa fa-sign-out" v-show="token!=null" @click="rem"></a>
          </div>
          <!-- 移动端兼容 -->
          <a href="login.html" class="user"><i class="fa fa-user"></i></a>
          <!-- 点击该图标的时候判断是否登录了，决定是否进入用户中心，否则进入登录页 -->
        </div>
      </header>
      <!-- 头部结束 -->

      <!-- 主体内容 -->

      <section class="container">
        <div class="user-box">
          <div class="lt">
            <h3>用户中心</h3>
            <ul class="list-group">
              <li class="list-group-item">
                <a class="active" href="user.html">
                  <i class="fa fa-home"></i>
                  我的首页
                </a>
              </li>
              <li class="list-group-item">
                <a href="user-collect.html">
                  <i class="fa fa-heart"></i>
                  我的收藏
                </a>
              </li>
              <li class="list-group-item">
                <a href="user-add.html">
                  <i class="fa fa-plus"></i>
                  发布文章
                </a>
              </li>
              <li class="list-group-item">
                <a href="user-zan.html">
                  <i class="fa fa-thumbs-up"></i>
                  我的点赞
                </a>
              </li>
              <li class="list-group-item">
                <a href="user-list.html">
                  <i class="fa fa-tasks"></i>
                  我的文章
                </a>
              </li>
            </ul>
          </div>
          <div class="rt">
            <!-- 用户资料修改 -->
            <div class="add-article">
              <div class="user-location">
                <a href="user.html">
                  <i class="fa fa-home"></i>
                  用户中心
                </a>
                &gt;
                <span>修改用户资料</span>
              </div>
              <form action="" ref="form">
                <div class="article-form">
                  <div class="form-input col-12">
                    <span>昵称：</span>
                    <input
                      :value="user?user.userInfo.username:''"
                      type="text"
                      required
                      lay-verify="required"
                      class="text"
                      placeholder="请输入昵称"
                      name="username"
                    />
                  </div>
                  <div class="form-input col-12">
                    <span>手机号：</span>
                    <input
                      type="text"
                      required
                      name="mobile"
                      lay-verify="required"
                      class="text"
                      :value="user?user.userInfo.mobile:''"
                      placeholder="请输入昵称"
                      disabled
                    />
                  </div>
                  <div class="form-input col-12">
                    <span>性别：</span>
                    <label for="">
                      <input type="radio" name="sex" checked value="0" />
                      男
                    </label>
                    &nbsp; &nbsp;
                    <label for="">
                      <input type="radio" name="sex" value="1" />
                      女
                    </label>
                  </div>
                  <div class="form-input col-12">
                    <span>出生年月：</span>
                    <input
                      type="date"
                      class="text"
                      placeholder="请输入昵称"
                      name="birthday"
                      :value="user?user.userInfo.birthday:''"
                    />
                  </div>
                  <div class="form-input col-12">
                    <span>上传头像：</span>
                    <img
                      @click="img"
                      style="height: 100px; cursor: pointer"
                      :src="pic==null?'./static/images/default.png':'http://124.223.14.236:8060/'+pic"
                      alt=""
                    />
                    <input
                      @change="change"
                      ref="file"
                      style="visibility: hidden"
                      hidden="hidden"
                      type="file"
                      name="icon"
                    />
                  </div>
                  <div class="form-input col-12">
                    <span>家庭住址：</span>
                    <input
                      type="text"
                      class="text"
                      placeholder="请输入昵称"
                      name="address"
                      :value="user?user.userInfo.address:''"
                    />
                  </div>
                  <div class="form-input col-24" style="height: 80px">
                    <span>个性留言：</span>
                    <input
                      type="textarea"
                      rows="5"
                      cols="5"
                      class="context"
                      placeholder="请输入正文"
                      name="notes"
                    />
                  </div>
                  <div class="btn-box">
                    <button
                      class="btn btn-success"
                      @click.prevent="btn"
                      type="submit"
                    >
                      <i class="fa fa-floppy-o"></i>
                      立即修改
                    </button>
                    <button class="btn btn-warning" @click="rest" type="button">
                      <i class="fa fa-arrow-circle-left"></i>
                      取消
                    </button>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
      </section>
      <!-- 主体结束 -->

      <!-- 页脚开始 -->
      <footer class="footer">
        <div class="link">
          <!-- 友情链接： -->
          <span v-for="obj in allLink" :key="obj.id">
            <a :href="obj.url" :title="obj.title">{{obj.des}}</a>
            <span>|</span>
          </span>
        </div>
        <p>
          &copy; 2021
          <a href="http://blog.weknow.cn">优点达资讯,</a>
          &nbsp;&nbsp;联系邮箱：xxxx@163.com &nbsp;&nbsp;
          <a href="">备案号信息</a>
        </p>
      </footer>
    </div>
    <script src="./static/lib/layui-v2.7.4/layui/layui.js"></script>
    <script src="./static/js/shw_js/axios.js"></script>
    <script src="./static/js/shw_js/api.js"></script>
    <script src="./static/js/shw_js/vue.js"></script>
    <script src="./static/js/shw_js/user-edit.js"></script>
    <!-- 页脚结束 -->
  </body>
</html>
